html { font-size: 12px; }
body {
  padding-top: 10px;
  padding-bottom: 60px;
}

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

/**************** 等待页面加载动画CSS **************/
/*
 *  Usage:
 *  <div class="sk-three-bounce-wrapper">
 *    <div class="sk-three-bounce">
 *      <div class="sk-child sk-bounce-1"></div>
 *      <div class="sk-child sk-bounce-2"></div>
 *      <div class="sk-child"></div>
 *    </div>
 *    <h5>页面加载中,请稍候...</h5>
 *  </div>
 */
.sk-three-bounce-wrapper {
  text-align: center;
}

.sk-three-bounce-wrapper .sk-three-bounce {
  margin: 40px auto;
  width: 80px;
  text-align: center;
}

.sk-three-bounce-wrapper .sk-three-bounce .sk-child {
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce-wrapper .sk-three-bounce .sk-bounce-1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sk-three-bounce-wrapper .sk-three-bounce .sk-bounce-2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/**************** 等待页面加载动画CSS End **************/

/***** 导航栏 */
#appHeader h1 {
  margin-bottom: 4px;
}
#appHeader .mint-header button:focus {
  outline: none;
}

#appHeader .mint-header .mint-button-icon {
  display: inline;
}
/***** 导航栏 End */

/***** 底部菜单栏 */
#appFooter img {
  width: 24px;
  height: 24px;
}
/***** 底部菜单栏 End */


/**** 数据列表滚动区域 */
.pre-scrollable {
  padding-top: 5px;
}

.pre-scrollable img {
  width: 42px;
  height: 42px;
}

.pre-scrollable .scrollable-border {
  border-top: 1px solid #dee2e6 !important;
}

.pre-scrollable .scrollable-border:last-child {
  border-bottom: 1px solid #dee2e6 !important;
}
/**** 数据列表滚动区域 End */
